<script setup>
import { ref } from 'vue'
import { mainStore } from '../../store/mainStore'
import local from './views/local.vue'
import remote from './views/remote.vue'
const store = mainStore()

const localData = ref({
  type: 'local',
})
const longData = ref({
  type: 'long',
})
const historyData = ref({
  type: 'history',
})
</script>

<template>
  <div class="localUpgrade-container">
    <div class="main">
      <local></local>
      <remote></remote>
    </div>
  </div>
</template>

<style lang="less" scoped>
.localUpgrade-container {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
}

.selectTitle {
  color: blue !important;
  .line {
    display: block !important;
  }
}

.main {
  flex: 1;
  display: flex;
  padding: 10px 10px;
}
</style>
